<template>
    <div>
        <jsscom-heard />
        <div class="cons">
            <div class="pu-con">
                <div class="gy-cons">
                    <gy-com-left
                        :leftTitle="leftTitle1"
                        @onLeftTab="onLeftTab"
                        :navList="navList"
                        :curIndex="curTopIndex"
                    />
                    <div class="gy-r">
                        <div class="gy-r-1">
                            <p>技能资质</p>
                        </div>
                        <div class="gy-r-2">
                            <div class="news">
                                <zizhi-sq
                                    :navList="navList"
                                    :curTopIndex="curTopIndex"
                                ></zizhi-sq>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <com-foot></com-foot>
    </div>
</template>

<script>
import _ from "underscore";
import jsscomHeard from "@/components/jsscom-heard";
import comFoot from "@/components/com-foot";
import gyComLeft from "@/components/gy-com-left";
import zizhiSq from "./zizhisq";

export default {
    components: {
        jsscomHeard,
        comFoot,
        gyComLeft,
        zizhiSq,
    },
    data() {
        return {
            curTopIndex: 0,
            leftTitle1: "技能资质",
            leftTitle: "",
            navList: [],
            param: {},

            newsList: [],
            totalSum: 3,
            sizeSum: 10,
            prefixUrl: "",
        };
    },
    filters: {
        pattime(value) {
            return value.slice(0, 10);
        },
    },
    created() {
        this.prefixUrl = this.$store.state.user.imgUrl;
        this.getMemberList(1);
    },
    mounted() {},
    methods: {
        onLeftTab(index) {
            this.curTopIndex = index;
            this.param = this.navList[index];
            this.leftTitle = this.param.title;
            console.log(this.param);
            // this.getSsglList(1);
        },
        // 个人技能资质
        async getMemberList() {
            var data = { currentPage: 1, pageSize: 100 };
            const res = await this.$store.dispatch("access/getPersigner", data);
            this.navList = res.list;
            this.param = this.navList[0];
            console.log(this.param);
        },
    },
};
</script>

<style scoped>
@import "./zizhisqlist.css";
</style>
